/* 行为相关颜色 */
$vue-color-primary: #e3caab;
$vue-color-secondary: #735a46;
$vue-color-third: #f0e1cb;
$vue-color-third: #fcf3e5;

$vue-color-success: #75d996;
$vue-color-warning: #f0ad4e;
$vue-color-error: #f44887;

/* 文字基本颜色 */
$vue-text-color: #333; //基本色
$vue-text-color-1: #365057;
$vue-text-color-inverse: #fff; //反色
$vue-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$vue-text-color-placeholder: #808080;
$vue-text-color-disable: #c0c0c0;

/* 背景颜色 */
$vue-bg-color: #ece9e1;
$vue-bg-color-grey: #f8f8f8;
$vue-bg-color-ivory: #ece9e1;
$vue-bg-color-hover: #f1f1f1; //点击状态颜色
$vue-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$vue-border-color: #e7e7e7;

/* 文字尺寸 */
$vue-font-size-sm: 12px;
$vue-font-size-base: 14px;
$vue-font-size-lg: 16px;

/* 图片尺寸 */
$vue-img-size-sm: 20px;
$vue-img-size-base: 26px;
$vue-img-size-lg: 40px;

/* Section Border */
$vue-section-border: 2px solid $vue-border-color;

/* Border Radius */
$vue-border-radius-sm: 2px; // for cards, tabs
$vue-border-radius-base: 4px; // for drop-down,
$vue-border-radius-lg: 8px; // for buttons
$vue-border-radius-circle: 50%;

/* 透明度 */
$vue-opacity-disabled: 0.3; // 组件禁用态的透明度

/* box-shadow */
$vue-box-shadow-header: 0px 2px 10px 0 rgba(0 0 0 / 10%);
$vue-box-shadow-side: 2px 0px 10px 0px rgba(228, 234, 253, 0.3);
$vue-box-shadow-button-card: 0px 0px 5px 2px rgba(0 0 0 / 10%);

$vue-box-shadow-button-primary: 0px 0px 10px 2px rgba(206, 199, 246, 0.5);
$vue-box-shadow-button-mini: 0px 0px 2px 1px rgba(0 0 0 / 10%);
$vue-box-shadow-common: 0 0 10px 1px rgba(0 0 0 / 10%);

// h-shadow v-shadow blur spread color inset

/* aside size */
$vue-aside-width: 65px;

/* buttons */

.ant-menu-dark .ant-menu-item-selected .anticon {
  font-weight: bold;
  color: #fff;
}

.ant-menu-dark .ant-menu-item-selected .anticon + span {
  font-weight: bold;
  color: #fff;
}

.ant-menu-dark .ant-menu-item {
  color: #999;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0;
}
